		<ul id="column1" class="column">
            <li class="widget color-green" id="intro">
                <div class="widget-head">
                    <h3>dev123创站理念</h3>
                </div>
                <div class="widget-content">
                    <p>我们是开发者，设计师，工程师，架构师，网络管理员，DBA.不管什么样的角色，
                          我们为IT这座大厦，做着我们该有贡献。但大厦的砖上，永远不会刻上我们的名字!
                    </p>
                </div>
            </li>
            <li class="widget color-red">
                <div class="widget-head">
                    <h3>数据库开发</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.oracle.com/favicon.ico"/><a href="http://www.oracle.com/" target="_blank">oracle官网</a></li>
	              <li><img src="http://www.csdn.net/favicon.ico"/><a href="http://database.csdn.net/" target="_blank">csdn-数据库</a></li>
	              <li><img src="http://www.51cto.com/favicon.ico"/><a href="http://database.51cto.com/" target="_blank">51cto-数据库</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.mysql.com/favicon.ico"/><a href="http://www.mysql.com/" target="_blank">mysql官网</a></li>
	              <li><img src="http://www.mysql.cn/favicon.ico"/><a href="http://www.mysql.cn/" target="_blank">mysql-cn</a></li>          
	            </ul>
                </div>
            </li>
            <li class="widget color-blue">
                <div class="widget-head">
                    <h3>开源社区</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.apache.org/favicon.ico"/><a href="http://www.apache.org/" target="_blank">apache</a></li>
	              <li><img src="http://www.junit.org/favicon.ico"/><a href="http://www.junit.org" target="_blank">junit</a></li>
	              <li><img src="http://www.bouncycastle.org/favicon.ico"/><a href="http://www.bouncycastle.org" target="_blank">bouncycastle</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://sourceforge.net/favicon.ico"/><a href="http://sourceforge.net/" target="_blank">sourceforge</a></li>
	              <li><img src="http://www.google.cn/favicon.ico"/><a href="http://code.google.com/intl/zh-CN/" target="_blank">google code</a></li>          
	            </ul>
                </div>
            </li>
            <li class="widget color-green">
                <div class="widget-head">
                    <h3>测试</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.junit.org/favicon.ico"/><a href="http://www.junit.org/" target="_blank">junit</a></li>
	             
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.3atesting.com/favicon.ico"/><a href="http://www.3atesting.com/" target="_blank">3atesting</a></li>          
	            </ul>
                </div>
            </li>
            <li class="widget color-blue">
                <div class="widget-head">
                    <h3>国外知名网站</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.techcrunch.com/favicon.ico"/><a href="http://www.techcrunch.com/" target="_blank">硅谷it博客</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://stackoverflow.com/favicon.ico"/><a href="http://stackoverflow.com/" target="_blank">Statck Overflow</a></li>       
	            </ul>
                </div>
            </li>            
        </ul>


        <ul id="column2" class="column">
            <li class="widget color-blue">
                <div class="widget-head">
                    <h3>综合类</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.csdn.net/images/favicon.ico"/><a href="http://www.csdn.net/" target="_blank">CSDN</a></li>
	              <li><img src="http://cdn1.infoq.com/favicon.ico"/><a href="http://www.infoq.com/cn/" target="_blank">InfoQ</a></li>
	              <li><img src="http://www.ibm.com/favicon.ico"/><a href="http://www.ibm.com/developerworks/cn/" target="_blank">IBM开发资源</a></li>
	              <li><img src="http://www.51cto.com/favicon.ico"/><a href="http://www.51cto.com/" target="_blank">51cto.com</a></li>
	              <li><img src="http://dev.yesky.com/favicon.ico"/><a href="http://dev.yesky.com/" target="_blank">天极-开发网站</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.oschina.net/favicon.ico"/><a href="http://www.oschina.net/" target="_blank">oschina.net</a></li>
                  <li><img src="http://www.lupaworld.com/favicon.ico"/><a href="http://www.lupaworld.com/" target="_blank">LUPA</a></li>
	              <li><img src="http://icon.zdnet.com.cn/cnetnews/pic/favicon.ico"/><a href="http://www.zdnet.com.cn/" target="_blank">至顶网</a></li>
	              <li><img src="http://cn.sun.com/favicon.ico"/><a href="http://cn.sun.com/" target="_blank">sun公司</a></li>
	              <li><img src="http://www.80hou.org.cn/favicon.ico"/><a href="http://www.cnpaf.net/" target="_blank">中国协议分析网</a></li>
	            </ul>
                </div>
            </li>
            <li class="widget color-yellow">
                <div class="widget-head">
                    <h3>新闻-博客</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.cnbeta.com/favicon.ico"/><a href="http://www.cnbeta.com/" target="_blank">cnBeta</a></li>
	              <li><img src="http://www.lupaworld.com/favicon.ico"/><a href="http://www.lupaworld.com/" target="_blank">LUPA</a></li>
	              <li><img src="http://www.google.org.cn/favicon.ico"/><a href="http://www.google.org.cn/" target="_blank">谷奥</a></li>
	              <li><img src="http://www.solidot.org/favicon.ico"/><a href="http://www.solidot.org/" target="_blank">Solidot</a></li>
	              <li><img src="http://www.donews.com/favicon.ico"/><a href="http://www.donews.com/" target="_blank">donews.com</a></li>
	            </ul>
	            <ul class="float-right">
	              <li><img src="http://www.williamlong.info/favicon.ico"/><a href="http://www.williamlong.info/" target="_blank">月光博客</a></li>
	              <li><img src="http://www.linuxgem.org/favicon.ico"/><a href="http://www.linuxgem.org/" target="_blank">LinuxGem</a></li>
	              <li><img src="http://www.ownlinux.cn/favicon.ico"/><a href="http://www.ownlinux.cn/" target="_blank">OwnLinux.cn</a></li>
	              <li><img src="http://linuxdesktop.cn/wp-content/themes/green-marinee/favicon.ico"/><a href="http://linuxdesktop.cn/" target="_blank">ubuntu中文桌面网</a></li>	              
	            </ul>
                </div>
            </li>
            <li class="widget color-red">
                <div class="widget-head">
                    <h3>移动开发</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.android.com/favicon.ico"/><a href="http://www.android.com/" target="_blank">google android</a></li>	              
	              <li><img src="http://developer.motorola.com/favicon.ico"/><a href="http://developer.motorola.com/" target="_blank">MOTODEV</a></li>
	              <li><img src="http://www.androidin.net/favicon.ico"/><a href="http://www.androidin.net/" target="_blank">android中文论坛</a></li>
	              <li><img src="http://www.ophonesdn.com/favicon.ico"/><a href="http://www.ophonesdn.com/" target="_blank">Ophone开发者</a></li>
	            </ul>
	            <ul class="float-right">
	              <li><img src="http://forum.nokia.com.cn/favicon.ico"/><a href="http://forum.nokia.com.cn/" target="_blank">诺基来开发中心</a></li>
	              <li><img src="http://android.google.org.cn/favicon.ico"/><a href="http://android.google.org.cn/" target="_blank">谷奥-android</a></li>
	            </ul>
                </div>
            </li>
            <li class="widget color-yellow">
                <div class="widget-head">
                    <h3>开发者(淘金地带,SNS)</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://open.taobao.com/favicon.ico"/><a href="http://open.taobao.com/" target="_blank">淘宝开发者</a></li>
	              <li><img src="http://dev.renren.com/favicon.ico"/><a href="http://dev.renren.com/" target="_blank">renren(校内)开发者</a></li>
	            </ul>
	            <ul class="float-right">
	              <li><img src="http://developer.myspace.cn/favicon.ico"/><a href="http://developer.myspace.cn/" target="_blank">myspace开发者</a></li>
	              <li><img src="http://developers.51.com/favicon.ico"/><a href="http://developers.51.com/" target="_blank">51开发者</a></li>
	            </ul>
                </div>
            </li>
        </ul>


        <ul id="column3" class="column">
            <li class="widget color-orange">
                <div class="widget-head">
                    <h3>开发工具</h3>
                </div>
                <div class="widget-content">
                 <ul class="float-left">
	              <li><img src="http://www.eclipse.org/favicon.ico"/><a href="http://www.eclipse.org/" target="_blank">eclipse</a></li>
	              <li><img src="http://www.netbeans.org/favicon.ico"/><a href="http://www.netbeans.org/" target="_blank">netbeans</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.eclipseworld.org/favicon.ico"/><a href="http://www.eclipseworld.org/bbs/index.php" target="_blank">中国eclipse社区</a></li>
	             
	            </ul>
                </div>
            </li>
            <li class="widget color-yellow">
                <div class="widget-head">
                    <h3>Java</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.apache.org/favicon.ico"/><a href="http://www.apache.org/" target="_blank">apache</a></li>
	              <li><img src="http://www.java.net/favicon.ico"/><a href="http://www.java.net/" target="_blank">java.net</a></li>
	              <li><img src="http://www.csdn.net/favicon.ico"/><a href="http://java.csdn.net/" target="_blank">csdn-java</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.javaeye.com/images/favicon.ico"/><a href="http://www.javaeye.com/" target="_blank">javaeye</a></li>
	              <li><img src=" http://www.matrix.org.cn/favicon.ico"/><a href=" http://www.matrix.org.cn/" target="_blank">matrix</a></li>
	              <li><img src="http://www.80hou.org.cn/favicon.ico"/><a href="http://www.blogjava.net/" target="_blank">blogjava</a></li>           
	            </ul>
                </div>
            </li>            
            <li class="widget color-white">
                <div class="widget-head">
                    <h3>.net</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.sina.com/favicon.ico"/><a href="http://www.asp.net/" target="_blank">asp.net</a></li>
	              <li><img src="http://www.163.com/favicon.ico"/><a href="http://www.infoq.com/cn/dotnet" target="_blank">infoq-dotnet</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://static.tianya.cn/favicon.ico"/><a href="http://www.tianya.cn/bbs/index.shtml" target="_blank">天涯社区</a></li>
	              
	            </ul>
                </div>
            </li>
            <li class="widget color-green">
                <div class="widget-head">
                    <h3>php</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://php.net/favicon.ico"/><a href="http://php.net/" target="_blank">PHP.net</a></li>
	              
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.phpchina.com/favicon.ico"/><a href="http://www.phpchina.com/" target="_blank">PHPChina</a></li>
	              <li><img src="http://www.phpv.net/favicon.ico"/><a href="http://www.phpv.net/" target="_blank">php5研究室</a></li>
	            </ul>
                </div>
            </li>
            <li class="widget color-white">
                <div class="widget-head">
                    <h3>web开发站</h3>
                </div>
                <div class="widget-content">
                <ul class="float-left">
	              <li><img src="http://www.w3school.com.cn/favicon.ico"/><a href="http://www.w3school.com.cn/" target="_blank">w3school</a></li>
	            </ul>
	             <ul class="float-right">
	              <li><img src="http://www.52css.com/favicon.ico"/><a href="http://www.52css.com/" target="_blank">52css</a></li>
	            </ul>
                </div>
            </li>
        </ul>							